import React from 'react';
import './header.css';
import { NavLink } from 'react-router-dom';
import myHome from '../../images/antOutline-home.png';
import myService from '../../images/antOutline-customer-service.png';
import myTeam from '../../images/antOutline-team.png';

const Header = () => {
    return (
        <div className="headerContainer">

            <NavLink className="navlink nav" to='/home/system' activeClassName="light">
                <img className="headerImg" src={myHome} />系统管理
            </NavLink>

            <NavLink className="navlink nav" to='/home/fun' activeClassName="light">
                <img className="headerImg" src={myService} />音乐视频管理
            </NavLink>

            <NavLink className="navlink nav" to='/home/talk' activeClassName="light">
                <img className="headerImg" src={myTeam} />智能对话
            </NavLink>
        </div>
    )
}

export default Header
